<template>
  <div class="_wz_cent_main _wz_Departure">
    <div v-for="item in dataList" :key="item.id">{{item}}</div>
<!--    <Card dis-hover :bordered="true" style="height: 100%;">-->
<!--      <p slot="title">列表</p>-->
<!--      <wzTbale ref="wzTbale" :tableData="tableData"></wzTbale>-->
<!--    </Card>-->
  </div>
</template>
<script>

import wzTbale from "../table/table";

export default {
  components: {
    wzTbale,//列表
  },
  data() {
    return {
      dataList:[],
      // tableData: {
      //   height: '100%',//表格高度 auto
      //   page: false,//分页是否使用
      //   columns: [//表头数据
      //     {type: 'index', width: 70, align: 'center', title: '序号'},
      //     {title: 'id', key: 'id', minWidth: 100},
      //     {title: '用户名', key: 'username', minWidth: 100},
      //     {title: '性别', key: 'sex', minWidth: 180},
      //     {title: '城市', key: 'city', minWidth: 130},
      //     {title: '签名', key: 'sign', minWidth: 120},
      //     {title: '职业', key: 'classify', minWidth: 120},
      //     {title: '积分', key: 'experience', minWidth: 120},
      //     {title: '评分', key: 'score', minWidth: 120},
      //     {title: '财富', key: 'wealth', minWidth: 120},
      //   ],
      //   dataList: []
      // },

    }
  },
  beforeCreate() {//beforeCreate创建前状态

  },
  created() {//created创建完毕状态
  },
  beforeMount() {//beforeMount挂载前状态   DOM 元素然后塞入页面的过程

  },
  mounted() {//mounted 挂载结束状态
    var data = [];
    for (var i = 0; i < 100000; i++) {
      data.push({
        "id": i,
        "username": "user-0",
        "sex": "女",
        "city": "城市-0",
        "sign": "签名-0",
        "experience": 255,
        "logins": 24,
        "wealth": 82830700,
        "classify": "作家",
        "score": 57
      })
    }
    this.dataList = data;

  },
  methods: {//执行的方法

  },
  watch: {//监听

  },
  props: {//接收来自父组件的数据

  },
  beforeUpdate() {//beforeUpdate 更新前状态

  },
  updated() {//updated 更新完成状态

  },
  beforeDestroy() {//beforeDestroy 销毁前状态

  },
  destroyed() {//destroyed 销毁完成状态

  }
}
</script>
<style lang="less">
._wz_Departure {
  height: 100%;
  overflow: auto;
  //display: flex;
  //flex-direction: column;

  .ivu-card-body {
    height: calc(100% - 51px);
  }

}
</style>
